<template>
	<view>
		<view 
			class="item u-p-24 bg-white radius" 
			:class="{'u-m-t-24': index > 0}" 
			v-for="(item, index) in list" :key="index" @click="toDetail(item)">
			<view class="item-title u-font-30 text-bold">
				儿童六一儿童节玩具女孩子的生日礼物6岁以上10女生8女童7一9小12
			</view>
			<view class="item-progress u-flex u-col-center u-p-t-10">
				<u-line-progress 
					height="15"
					:active-color="infoColorError"
					:striped="false" 
					:percent="50" 
					:show-percent="false"
					:striped-active="true"></u-line-progress>
				<text class="u-m-l-20">1/2</text>
			</view>
			<view class="item-desc u-p-t-10">
				解释：感谢亲爱的对吉野熊的信赖，您的满意是我们无限的动力，每一款宝贝从构思，设计到成品，我们都在努力，这条道路漫长，艰辛却不失浪漫，谢谢亲爱的对我们的肯定~~吉野熊让每一个家庭享受童年的美好，用心呵护，共赴成长~
			</view>
			<view class="item-address u-font-24 u-flex u-col-center u-row-between u-p-t-16">
				<view :style="{color: infoColorError}">收货地： 贵州省/遵义市</view>
				<view class="u-tips-color">1小时前</view>
			</view>
		</view>
	</view>
</template>
<script>
	export default {
		props: {
			list: Array
		},
		data() {
			return {
			}
		},
		methods: {
			toDetail(item) {
				// this.$common.openDetailPage(item)
				uni.navigateTo({
					url: '/pages/detail/index'
				})
			}
		}
	}
</script>
<style lang="scss" scoped>
	.item {
	}
</style>
